import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'
import './bottom_bar.less'
class BottomBar extends Component {
  goAboutUs = () => {
    this.props.history.replace("/our/about")
  }
  goJoinUs = () => {
    this.props.history.replace("/our/join")
  }
  goConnectUs = () => {
    this.props.history.replace("/our/connect")
  }
  goHome = () => {
    this.props.history.replace("/home")
  }
  render() {
    return (
      <div className="bottom-bar-container" style={{ ...this.props.style }}>
        <div className="bottom-top">
          <span onClick={this.goAboutUs}>关于我们</span>
          <span>|</span>
          <span onClick={this.goJoinUs}>加入我们</span>
          <span>|</span>
          <span onClick={this.goConnectUs}>联系我们</span>
        </div>
        <div className="bottom-bottom">
          <span onClick={this.goHome}>佳家伴途欢迎您</span>
          <span>
            <a target="_blank" style={this.props.ac ? { color: this.props.ac }:{ color: '#666' }} href="https://beian.miit.gov.cn/#/Integrated/index">晋ICP备2021000763号</a>
          </span>
        </div>
      </div>
    )
  }
}
export default withRouter(BottomBar)
